<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<link href="chongzhi.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="D:\Document\Workspace\Rovin\FromThe80s\WebRoot\js\jquery\jquery-1.4.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#moneyToSelect li").click(function() {
					$(this).addClass("active").siblings().removeClass("active");
				});

				$("#seq1511").click(function() {
					getId(this);
				});
				function getId(obj) {
					alert(obj.id);
				}
				$("#amount").keydown(function() {
					if($("#amount").val().length>=11)
					{
						$("#seq1521").show();
					}
					
				});
			});
		</script>
		<title>
			Insert title here
		</title>
	</head>
	<body>
		<div class="cz_zcc-name">
			充值金额
		</div>
		<input id="amount" type="text">
		<br/>
		<div class="cz_zcc-jg">
			<ul id="moneyToSelect">
				<li id='seq1511' value="10">
					10元
				</li>
				<li id='seq1512' value="20">
					20元
				</li>
				<li id='seq1513' value="50">
					50元
				</li>
			</ul>
			<ul id="moneyToSelect2">
				<li style="display:none" id='seq1521' value="10">
					100元
				</li>
				<li id='seq1522' value="20">
					200元
				</li>
				<li id='seq1523' value="50">
					500元
				</li>
			</ul>
		</div>
		<br/>
	</body>

</html>